<template>
    <div class="wh-100 d-flex-around-center">
      <div class="image-text-component">
        <img src="./images/noData.png" alt="..." />
        <div class="text_css">暂无数据</div>
      </div>
    </div>
</template>

<style scoped >
.image-text-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.image-text-component img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 10px; /* 为文本留出空间 */
}

.text_css {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; /* 确保文本容器宽度与图片相同 */
  height: 100%;
}

</style>
<script>
</script>